Skip to content

πŸ› Bug: 둀링페이퍼 λ©”μ„Έμ§€ λ‘œλ“œ UI κ°œμ„ #152

Merged
aahreum merged 1 commit intomainfrom
fix/message-load
Oct 13, 2025
Merged

πŸ› Bug: 둀링페이퍼 λ©”μ„Έμ§€ λ‘œλ“œ UI κ°œμ„ #152
aahreum merged 1 commit intomainfrom
fix/message-load

Conversation

@aahreum
Copy link
Member

@aahreum aahreum commented Oct 13, 2025

πŸ”— 이슈 번호

✨ μž‘μ—…ν•œ λ‚΄μš©

image
  • λ©”μ„Έμ§€ λ‘œλ“œ UI κ°œμ„  μž‘μ—… μ§„ν–‰ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • λ©”μ„Έμ§€ λ‘œλ“œ μ‹œ μŠ€μΌˆλ ˆν†€ UIκ°€ 보여지도둝 κ΅¬ν˜„ν•˜μ˜€μŠ΅λ‹ˆλ‹€

πŸ’ Review Point

  • μˆ˜μ •μ‚¬ν•­ μžˆμœΌμ‹œλ©΄ λ§μ”€ν•΄μ£Όμ„Έμš”.

πŸ’‘ 참고사항

@vercel
Copy link

vercel bot commented Oct 13, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
frontend Ready Ready Preview Comment Oct 13, 2025 6:44am

@gemini-code-assist
Copy link
Contributor

Summary of Changes

Hello @aahreum, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 ν’€ λ¦¬ν€˜μŠ€νŠΈλŠ” 둀링페이퍼 λ©”μ‹œμ§€ λͺ©λ‘μ„ 뢈러올 λ•Œμ˜ μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€λ₯Ό κ°œμ„ ν•˜λŠ” 데 쀑점을 λ‘‘λ‹ˆλ‹€. 기쑴의 λ‹¨μˆœν•œ ν…μŠ€νŠΈ λ‘œλ”© λ©”μ‹œμ§€λ₯Ό 보닀 ν˜„λŒ€μ μ΄κ³  μ‹œκ°μ μœΌλ‘œ λ§€λ ₯적인 μŠ€μΌˆλ ˆν†€ UI둜 λŒ€μ²΄ν•˜μ—¬, 데이터 λ‘œλ”© 쀑에도 μ‚¬μš©μžμ—κ²Œ 더 λ‚˜μ€ μ‹œκ°μ  ν”Όλ“œλ°±μ„ μ œκ³΅ν•˜κ³  μ „λ°˜μ μΈ μ•±μ˜ λ°˜μ‘μ„±μ„ ν–₯μƒμ‹œν‚€λŠ” 것을 λͺ©ν‘œλ‘œ ν•©λ‹ˆλ‹€.

Highlights

  • UI κ°œμ„ : 둀링페이퍼 λ©”μ‹œμ§€ λ‘œλ”© μ‹œ μ‚¬μš©μž κ²½ν—˜μ„ κ°œμ„ ν–ˆμŠ΅λ‹ˆλ‹€.
  • μŠ€μΌˆλ ˆν†€ UI λ„μž…: λ©”μ‹œμ§€κ°€ λ‘œλ“œλ˜λŠ” λ™μ•ˆ ν…μŠ€νŠΈ λŒ€μ‹  μ‹œκ°μ μœΌλ‘œ λΆ€λ“œλŸ¬μš΄ μŠ€μΌˆλ ˆν†€ UIλ₯Ό ν‘œμ‹œν•˜λ„λ‘ κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with πŸ‘ and πŸ‘Ž on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

@github-actions
Copy link

πŸŽ‰ κ΅¬ν˜„ν•œ κΈ°λŠ₯ Preview: https://frontend-4sh4tex2p-fe-19-seongihuns-projects.vercel.app

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

둀링페이퍼 λ©”μ‹œμ§€ λ‘œλ“œ μ‹œ μŠ€μΌˆλ ˆν†€ UIλ₯Ό 보여주도둝 κ°œμ„ ν•˜κ³ , λ¬΄ν•œ 슀크둀 λ‘œμ§μ„ κ°œμ„ ν•œ 점이 μ’‹μŠ΅λ‹ˆλ‹€. λ‹€λ§Œ, μΆ”κ°€ λ©”μ‹œμ§€λ₯Ό λ‘œλ“œν•  λ•Œ μ‚¬μš©μž κ²½ν—˜μ„ λ”μš± ν–₯μƒμ‹œν‚€κΈ° μœ„ν•΄ μ—¬λŸ¬ 개의 μŠ€μΌˆλ ˆν†€ UIλ₯Ό ν‘œμ‹œν•˜λŠ” 것을 μ œμ•ˆν•©λ‹ˆλ‹€.

πŸ“ 둀링페이퍼 λ©”μ‹œμ§€λ₯Ό λΆˆλŸ¬μ˜€λŠ” 쀑...
</div>
)}
{isFetching && <MessageCardSkeleton />}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

ν˜„μž¬ λ‹€μŒ νŽ˜μ΄μ§€μ˜ λ©”μ‹œμ§€λ₯Ό 뢈러올 λ•Œ ν•˜λ‚˜μ˜ μŠ€μΌˆλ ˆν†€ UI만 ν‘œμ‹œν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. νŽ˜μ΄μ§€λ‹Ή μ—¬λŸ¬ 개의 λ©”μ‹œμ§€λ₯Ό λΆˆλŸ¬μ˜€λŠ” μƒν™©μ—μ„œ λ‘œλ”© 쀑에 μ—¬λŸ¬ 개의 μŠ€μΌˆλ ˆν†€ UIλ₯Ό 보여주면 μ‚¬μš©μž κ²½ν—˜μ„ 더 λΆ€λ“œλŸ½κ²Œ λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

초기 λ‘œλ”©μ— μ‚¬μš©λ˜λŠ” MESSAGE_LIST_SKELETON_ARRAYλ₯Ό μž¬μ‚¬μš©ν•˜μ—¬ 3개의 μŠ€μΌˆλ ˆν†€μ„ ν‘œμ‹œν•˜λŠ” 것을 μ œμ•ˆν•©λ‹ˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄ λ‘œλ”© ν›„ μ½˜ν…μΈ κ°€ λ‚˜νƒ€λ‚  λ•Œ λ°œμƒν•˜λŠ” λ ˆμ΄μ•„μ›ƒ 변경을 쀄이고 더 λ‚˜μ€ μ‹œκ°μ  ν”Όλ“œλ°±μ„ μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

        {isFetching &&
          MESSAGE_LIST_SKELETON_ARRAY.map((_, index) => (
            <MessageCardSkeleton key={index} />
          ))}

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

λͺ‡ κ°œκ°€ λ‘œλ“œλ μ§€ μ •ν•΄μ§€μ§€ μ•Šμ•„μ„œ 빈 곡간에 ν•œ 개만 μΆ”κ°€ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Copy link

@eunji0124 eunji0124 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

λ„ˆλ¬΄ μ’‹μ€λ°μš”?!
ν™•μΈν–ˆμŠ΅λ‹ˆλ‹€

@aahreum aahreum merged commit 74b15d0 into main Oct 13, 2025
3 checks passed
@aahreum aahreum deleted the fix/message-load branch October 13, 2025 07:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

[πŸ› Bug] 둀링페이퍼 λ©”μ„Έμ§€ λ‘œλ“œ UI κ°œμ„ 

2 participants